<!doctype html>
<html>
<!--#include file="head.html"-->
<div class="dux-banner">
    <div class="am-g am-container">
        <div class="am-u-sm-12 am-u-md-12 am-u-lg-8">
            <div data-am-widget="slider" class="am-slider am-slider-c1" data-am-slider='{"directionNav":false}' >
                <ul class="am-slides">
                    <li>
                        <a href="events_show.html"><img src="images/banner.png"></a>
                        <div class="am-slider-desc">DuxCMS3内容管理系统，延续经典，全新升级，长久支持</div>
                    </li>
                    <!--list{app="site" label="adv" limit=10 pos="banner"}-->
                    <li>
                        <a href="{list.url}"><img src="{list.image}"></a>
                        <div class="am-slider-desc">{list.title}</div>
                    </li>
                    <!--{/list}-->
                </ul>
            </div>
        </div>
        <div class="am-u-sm-0 am-u-md-0 am-u-lg-4 padding-none">
            <div data-am-widget="titlebar" class="am-titlebar am-titlebar-default am-margin-top-0">
                <h2 class="am-titlebar-title ">
                    热门图文
                </h2>
            </div>
            <ul class="padding-none am-gallery am-avg-sm-2 am-avg-md-4 am-avg-lg-2 am-gallery-overlay" data-am-gallery="{ pureview: true }" >
                <!--list{app="article" label="contentList" limit=4 image=true}-->
                <li>
                    <div class="am-gallery-item">
                        <a href="{$list.url}">
                            <img src="{$list.image}"  alt="{$list.title}"/>
                            <h3 class="am-gallery-title">{str_len($list.title, 20)}</h3>
                            <div class="am-gallery-desc">{date('Y-m-d', $list.create_time)}</div>
                        </a>
                    </div>
                </li>
                <!--{/list}-->
            </ul>
        </div>
    </div>
</div>

<!--news-->
<div class="am-g am-container ">
    <div class="am-u-sm-12 am-u-md-12 am-u-lg-8">

        <!--list{app="article" label="classList" limit=10 parent_id=0}-->
        <div data-am-widget="titlebar" class="am-titlebar am-titlebar-default" style="border-bottom: 0px; margin-bottom: -10px">
            <h2 class="am-titlebar-title ">
                {$list.name}
            </h2>
            <nav class="am-titlebar-nav">
                <!--subList{app="article" label="classList" limit=10 parent_id=$list.class_id}-->
                <a href="{$subList.url}">{$subList.name}</a>
                <!--{/list}-->
            </nav>
        </div>

        <div class="am-list-news am-list-news-default">
            <div class="am-list-news-bd">
                <ul class="am-list">
                    <!--list{app="article" label="contentList" limit=5 class_id=$list.class_id sub=true}-->
                    <li class="am-g am-list-item-desced am-list-item-thumbed am-list-item-thumb-left">
                        <div class="am-list-main">
                            <h3 class="am-list-item-hd"><a href="http://www.douban.com/online/11624755/">{$list.title}</a></h3>
                            <div class="am-list-item-text">{str_len($list.description, 100)}</div>
                        </div>
                    </li>
                    <!--{/list}-->
                </ul>
            </div>
        </div>
        <!--{/list}-->

    </div>
    <div class="am-u-sm-12 am-u-md-12 am-u-lg-4">
        <div class="am-intro am-cf am-intro-default am-margin-top">
            <div class="am-intro-hd">
                <h2 class="am-intro-title">模板说明</h2>
                <a class="am-intro-more am-intro-more-top " href="http://www.duxphp.com" target="_blank">标签文档</a>
            </div>
            <div class="am-intro-bd">
                <p>
                    本模板为DuxCMS默认演示模板，包含基础的标签调用，更多标签细节调用请查看标签文档，如有任何疑问请前往官网进行话题讨论
                </p>
            </div>
        </div>
        <div data-am-widget="titlebar" class="am-titlebar am-titlebar-default" style="">
            <h2 class="am-titlebar-title ">
                热门资讯
            </h2>
        </div>
        <div class="am-list-news am-list-news-default dux-side-list">
            <ul class="am-list ">
                <!--list{app="article" label="contentList" limit=4 order="view desc"}-->
                <li class="am-g am-list-item-desced am-list-item-thumbed am-list-item-thumb-left">

                    <!--if{$list.image}-->
                    <div class="am-u-sm-4 am-list-thumb">
                        <a href="{$list.url}">
                            <img src="{$list.image}" class="face"/>
                        </a>
                    </div>

                    <div class=" am-u-sm-8 am-list-main">
                        <h3 class="am-list-item-hd"><a href="{$list.url}">{$list.title}</a></h3>

                        <div class="am-list-item-text">{str_len($list.description, 100)}</div>
                    </div>
                    <!--{else}-->
                    <div class="am-u-sm-12 am-list-main">
                        <h3 class="am-list-item-hd"><a href="{$list.url}">{$list.title}</a></h3>

                        <div class="am-list-item-text">{str_len($list.description, 100)}</div>
                    </div>
                    <!--{/if}-->

                </li>
                <!--{/list}-->
            </ul>
        </div>

    </div>
</div>

<!--#include file="foot.html"-->
</body>
</html>